<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 面向过程： 注重事物发展顺序 ，通过事物发展依次执行逻辑；
        // 面向对象 ： 是一种编程思维 ，会把数据和处理数据的方法放在对象里来进行处理。核心是对象；

        // 选项卡 ： 面向过程 第一步 写一个选项卡 第二 二个 第三步 三个 ....

        //          面向对象 ： 分析需求中的对象 （选项卡对象）-----》分析对象的 特征（属性） 行为（方法）---》
                    // 属性 ：k值；方法：switchTab  ---》把对象 抽象成类 （提取共性问题）---》特性问题 通过对象来处理---》
                    // 组织逻辑关系；

        //  小明去吃法 ： 小明--》走 ---》餐馆 ---》餐馆 --》做菜 ---》 小明 吃 ---》小明回家；
        // 面向对象： 1.分析对象  ： 小明对象（{name:"小明",action:"走",eat:"吃"}）          餐馆对象({name:"餐馆",action:"做菜"})

        // 小明.action---> 餐馆.action---》小明.eat ----> 小明.action--->回家；


        // 1.对象（独一无二）  2.类（一类事物的共性问题）;
        // 大学老师  宝马车 天安门  班长的媳妇；
        // js里的对象；
        // 对象的创建 
        // 1.字面量
        // var obj = {
        //     name:"张三",
        //     age:20
        // } 
        // 2.内置构造函数
        // var obj = new Object();
        // obj.name = "张三";
        // obj.age = 20;

        // 3.原型创建 在对象的原型上创建内容
        // var obj = Object.create({name:"张安",age:20});
        // console.log(obj);
        // console.log(obj.name);


        // js里简单的类 工厂模式

        function Tab(){
            let obj = {}; //加原料
            obj.num  =0;  //加工原料
            obj.switchTab = function(){
                console.log("fn");
            }
            return obj;  // 出厂；
        }







    </script>
</body>
</html>